<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>
<body>
<div id="wrap">
    <header>
        <div class="logo">
            <img src="./imgs/logo.jpg" alt="">
        </div>
        <div class="search">
            <div class="searchIpt">
                <span>郑州 <i class="iconfont">&#xe60e;</i></span>
                <i></i>
                <span class="iconfont seaIcon">&#xe625;</span>
                <span>您附近的店</span>
            </div>
            <i class="iconfont">&#xe617;</i>
        </div>
        <div class="carousel">
            <div class="carWrap">
                <img src="./imgs/car.jpg" alt="">
            </div>
            <ul>
                <li style="background: #35c878;"></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </header>
    <section>
        <div class="main">
            <div><img src="./imgs/1.jpg" alt="" style="width:0.52rem;"><span>人气商铺</span></div>
            <div><img src="./imgs/2.jpg" alt="" style="width:0.46rem;"> <span>加盟商家</span></div>
            <div><img src="./imgs/3.jpg" alt="" style="width:0.57rem;"><span>上传视频</span></div>
            <div><img src="./imgs/4.jpg" alt="" style="width:0.58rem;"><span>我要兑奖</span></div>
        </div>
        <div class="mainTitle">
            <i class="iconfont">&#xe610;</i>
            <p>附件店铺</p>
            <a href="">更多</a>
        </div> 
        <ul class="mainList">
            <li>
                <img src="./imgs/5.jpg" alt="">
                <div class="listWord">
                    <p>佳友超市</p>
                    <i>180m</i>
                    <span><i class="iconfont">&#xe610;</i>省电视台</span>
                    <span><i class="iconfont">&#xe615;</i>营业时间8:00-19:00</span>
                </div>
                <div class="label">
                    <span>20</span>
                    <i class="iconfont" style="font-size:0.2rem;">&#xe634;</i>
                    <em></em>
                </div>
            </li>
            <li>
                <img src="./imgs/5.jpg" alt="">
                <div class="listWord">
                    <p>佳友超市</p>
                    <i>180m</i>
                    <span><i class="iconfont">&#xe610;</i>省电视台</span>
                    <span><i class="iconfont">&#xe615;</i>营业时间8:00-19:00</span>
                </div>
                <div class="label">
                    <span>20</span>
                    <i class="iconfont" style="font-size:0.2rem;">&#xe634;</i>
                    <em></em>
                </div>
            </li>
            <li>
                <img src="./imgs/5.jpg" alt="">
                <div class="listWord">
                    <p>佳友超市</p>
                    <i>180m</i>
                    <span><i class="iconfont">&#xe610;</i>省电视台</span>
                    <span><i class="iconfont">&#xe615;</i>营业时间8:00-19:00</span>
                </div>
                <div class="label">
                    <span>20</span>
                    <i class="iconfont" style="font-size:0.2rem;">&#xe634;</i>
                    <em></em>
                </div>
            </li>
        </ul>
    </section>
</div>
<footer>
    <a href="" style="color: #35c87a;"><i class="iconfont">&#xe61f;</i><span>首页</span></a>
    <a href=""><i class="iconfont">&#xe606;</i><span>店铺</span></a>
    <a href=""><i class="iconfont">&#xe624;</i><span>加盟商</span></a>
    <a href=""><i class="iconfont">&#xe760;</i><span>业务员</span></a>
    <a href=""><i class="iconfont">&#xe645;</i><span>我的</span></a>
</footer>
</body>
</html>